body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
a{color:#999}
.demos-title {
  text-align: center;
  font-size: 34px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.demos-header {
  padding: 35px 0;
}

.demos-content-padded {
  padding: 15px;
}

.demos-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

footer {
  text-align: center;
  font-size: 14px;
  padding: 20px;
}

footer a {
  color: #999;
  text-decoration: none;
}
body{background-color: #f8f8fc;font-size: 0.8rem}
.weui-grids{}
.weui-grid{width:25%;padding:8px}
.home-header{text-align: center;padding:10px;position:relative;border-bottom: lightgray  1px solid;}
.home-header h3{margin: 0px;padding:0px}
.menu_active{background-color: #3cc51f}
.circle{
  float: left;
  text-align: center;
  color: #ffffff;
  background-color: orange;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width:10px;
  height: 10px;
  line-height: 7.5px;
  margin: 5px 5px 0px 5px
}
.top-info{background-color: #ffe6cc;padding:5px;color: orange}
.weui-grid:before{border-right: 0px }
.weui-flex__item{margin-bottom: 10px;background-color: white}
.weui-panel {
  margin: 0;
  font-size:0.6rem;
}
.weui-media-box {
  padding: 8px 15px;
}
.weui-panel__bd .weui-media-box__hd {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: relative;
}
.weui-media-box__desc {
  -webkit-line-clamp: 1;
}
.weui-media-box__title {
  margin-top: -4px;
  font-size:14px
}
.weui-media-box__title-after{
  color: #9b9b9b;
  font-size: .65rem;
  float: right;
}
.weui-media-box_appmsg .weui-media-box__thumb{border-radius: 50%;width: 90%;margin-top: 5px}
.weui-media-box__title-after {font-size: .45rem}

.link-array{
  content: " ";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  transform: matrix(.71,.71,-.71,.71,0,0);
  position: relative;
  top: -8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  cursor:pointer
}
.link-array-right{
  border-width: 2px 2px 0px 0px;
  right: 16px;
}
.link-array-left{
  border-width: 0px 0px 2px 2px;
  right: 16px;
}

.back-to-pre {
  content: " ";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-width: 0px 0px 2px 2px;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  transform: matrix(.71,.71,-.71,.71,0,0);
  position: relative;
  top: -8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 16px;
  cursor:pointer
}